*{padding:0;margin:0;box-sizing: border-box;font-family: "PingFang SC","Microsoft Yahei";}
ul,li,ol{list-style: none;}
a{text-decoration: none;color:#333;}
em{font-style: normal;}
img{vertical-align: middle;}
/*1rem = 100px*/
html{font-size:calc(100vw/750*100)!important;}
.ar{text-align: right;}
.ac{text-align: center;}
.al{text-align: left;}
.mt5{margin-top:.05rem;}
.mt10{margin-top:.1rem;}
.mt15{margin-top:.15rem;}
.mt20{margin-top:.2rem;}
.mt25{margin-top:.25rem;}
.mt30{margin-top:.3rem;}
.mt35{margin-top:.35rem;}
.mt40{margin-top:.4rem;}
.mt45{margin-top:.45rem;}
.mt50{margin-top:.5rem;}
.mt60{margin-top:.6rem;}
.mt70{margin-top:.7rem;}
.mt80{margin-top:.8rem;}
.mt90{margin-top:.9rem;}
.mt1hrem{margin-top:1rem;}
.mt15h{margin-top:1.5rem;}
.mt2h{margin-top:2rem;}
.ml10{margin-left: .1rem;}
.ml15{margin-left: .15rem;}
.ml20{margin-left:.2rem;}
.ml25{margin-left: .25rem}
.ml30{margin-left:.3rem;}
.mr05{margin-right: .05rem;}
.mr10{margin-right:.1rem;}
.mr15{margin-right:.15rem;}
.mr20{margin-right:.2rem;}
.mr25{margin-right: .25rem;}
.mr30{margin-right: .3rem;}
.fs20{font-size:.2rem;}
.fs22{font-size:.22rem;}
.fs24{font-size:.24rem;}
.fs26{font-size:.26rem;}
.fs28{font-size:.28rem;}
.fs30{font-size:.3rem;}
.fs32{font-size:.32rem;}
.fs34{font-size:.34rem;}
.fs36{font-size: .36rem;}
.c_a{color:#a1a1a1;}
.c_f{color:#fff;}
.c_c{color:#ccc;}
.c_9{color:#999;}
.c_6{color:#666;}
.pad{padding-left:.3rem;padding-right:.3rem;}
.pos{position: relative;}
.mid{position: absolute;top:50%;transform: translateY(-50%);}
.mid2{padding-top:.02rem;padding-bottom: .02rem;}
.mid3{padding-top:.03rem;padding-bottom: .03rem;}
.mid5{padding-top:.05rem;padding-bottom: .05rem;}
.mid7{padding-top:.07rem;padding-bottom: .07rem;}
.mid8{padding-top:.08rem;padding-bottom: .08rem;}
.mid10{padding-top:.1rem;padding-bottom: .1rem;}
.mid15{padding-top:.15rem;padding-bottom: .15rem;}
.mid20{padding-top:.2rem;padding-bottom: .2rem;}
.line{display: inline-block;}
[class*='icon']{display: inline-block;vertical-align: middle;}
.flex{display: flex;}
.flex_b{display: flex;justify-content: space-between;}
.flex1{display: flex;}
.flex1>*{flex: 1;}
.fi1{flex:1;}
.fi2{flex:2;}
.fi3{flex:3;}
.over{overflow: hidden;}
.left{float: left;}
.right{float: right;}
.fix:after{content:"";display: table;clear:both;}
.txt1{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.txt2{overflow:hidden;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.txt3{overflow:hidden;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.layer{position: fixed;top:0;left:0;z-index: 100;width: 100vw;height: 100vh;background: rgba(0,0,0,.3)}
.layer .box{background: #FFF;border-radius: .05rem;width:4.5rem;position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);}
.btn{height: .5rem;line-height: .5rem;text-align: center;}
.hide{display: none!important;}



